:root {
    --header-hight: 70px;
    --aside-width: 220px;
}

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100vh;
}


.grid-container {
    display: grid;
    grid-template-areas:
                "aside header"
                "aside main";
    grid-template-columns: var(--aside-width) 1fr;
    grid-template-rows: var(--header-hight) 1fr;
    height: 100vh;
}

aside {
    grid-area: aside;
    min-height: var(--aside-width);
}

header {
    grid-area: header;
}

main {
    grid-area: main;
}

.logo{
    height: var(--header-hight);
    line-height: var(--header-hight);
}

